/**
 * Created by DELL on 2022/5/31.
 */
import React, {Component} from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    PixelRatio,

} from 'react-native';
// 公共标题头
//es5 写法
export default class Header extends Component{
    render() {

        return (

            <View style={ styles.flex}>
                <Text style={styles.font}>

                    <Text style={styles.font_1}>左侧</Text>
                    <Text style={styles.font_2}>标题</Text>
                    <Text>完成</Text>

                </Text>


            </View >


        );
    }

};

const styles = StyleSheet.create({

    flex: {
        marginTop: 25,
        height: 50,
        borderBottomWidth: 1,//3 / React.PixelRatio.get(),
        borderBottomColor: '#EF2D36',
        alignItems: 'center',

    },
    font: {
        fontSize: 25,
        fontWeight: 'bold',
        textAlign: 'center',
    },
    font_1: {

        color: '#CD1D1C',
    },
    font_2: {

        color: '#FFF',
        backgroundColor: "#CD1D1C"
    },


});

//module.exports = Header;